<template>
	<view class="content-class">
		<u-image v-for="(img,imgIndex) in imgList" :key="imgIndex" width="310px" height="252px" :src="img.icon"></u-image>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				imgList: [{
					icon: require("../../static/images/tzbs/1.png"),
				}, {
					icon: require("../../static/images/tzbs/2.png"),
				}, {
					icon: require("../../static/images/tzbs/3.png"),
				}, {
					icon: require("../../static/images/tzbs/4.png"),
				}, {
					icon: require("../../static/images/tzbs/5.png"),
				}, {
					icon: require("../../static/images/tzbs/6.png"),
				}, {
					icon: require("../../static/images/tzbs/7.png"),
				}, {
					icon: require("../../static/images/tzbs/8.png"),
				}, {
					icon: require("../../static/images/tzbs/9.png"),
				}]
			};
		},
		methods: {},
	};
</script>

<style scoped lang="scss">
	.content-class {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 30px 0px;
		gap: 20px;
	}
</style>